body{
	background: url(../img/bg.jpg);
	background-size: 100% 927px;
	background-repeat: no-repeat;
}
#people{
	width: 400px;
	height: 400px;
	bo rder: 1px solid red;
	background: url(../img/nz1.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: -500px;
	left: 82px;
	animation: people 3s linear infinite;
}
@keyframes people{
	0%{
		background: url(../img/nz1.png) no-repeat;
		background-size: 100% 100%;
		top: -500px;
		left: 82px;
		transform: scale(0.6);
	}
	5%{
		background: url(../img/nz1.png) no-repeat;
		background-size: 100% 100%;
		top: -500px;
		left: 82px;
		transform: scale(0.6);
	}
	10%{
		background: url(../img/nz2.png) no-repeat;
		background-size: 100% 100%;
		top: -498px;
		left: 419px;
		transform: scale(1.2);
	}
	15%{
		background: url(../img/nz2.png) no-repeat;
		background-size: 100% 100%;
		top: -498px;
		left: 419px;
		transform: scale(1.2);
	}
	20%{
		background: url(../img/nz2.png) no-repeat;
		background-size: 100% 100%;
		top: -498px;
		left: 419px;
		transform: scale(1.2);
	}
	25%{
		background: url(../img/nz3.png) no-repeat;
		background-size: 100% 100%;
		top: -498px;
		left: 767px;
		transform: scale(0.8);
	}
	30%{
		background: url(../img/nz3.png) no-repeat;
		background-size: 100% 100%;
		top: -498px;
		left: 767px;
		transform: scale(0.8);
	}
	35%{
		background: url(../img/nz3.png) no-repeat;
		background-size: 100% 100%;
		top: -498px;
		left: 767px;
		transform: scale(0.8);
	}
	40%{
		background: url(../img/nz4.png) no-repeat;
		background-size: 100% 100%;
		top: -604px;
		left: 1256px;
		transform: scale(1.2);
	}
	45%{
		background: url(../img/nz4.png) no-repeat;
		background-size: 100% 100%;
		top: -604px;
		left: 1256px;
		transform: scale(1.2);
	}
	50%{
		background: url(../img/nz4.png) no-repeat;
		background-size: 100% 100%;
		top: -604px;
		left: 1256px;
		transform: scale(1.2);
	}
	55%{
		background: url(../img/nz5.png) no-repeat;
		background-size: 100% 100%;
		top: -766px;
		left: 1280px;
		transform: scale(0.8);
	}
	60%{
		background: url(../img/nz5.png) no-repeat;
		background-size: 100% 100%;
		top: -766px;
		left: 1280px;
		transform: scale(0.8);
	}
	65%{
		background: url(../img/nz5.png) no-repeat;
		background-size: 100% 100%;
		top: -766px;
		left: 1280px;
		transform: scale(0.8);
	}
	70%{
		background: url(../img/nz6.png) no-repeat;
		background-size: 100% 100%;
		top: -256px;
		left: 779px;
		transform: scale(1.2);
	}
	75%{
		background: url(../img/nz6.png) no-repeat;
		background-size: 100% 100%;
		top: -256px;
		left: 779px;
		transform: scale(1.2);
	}
	80%{
		background: url(../img/nz6.png) no-repeat;
		background-size: 100% 100%;
		top: -256px;
		left: 779px;
		transform: scale(1.2);
	}
	90%{
		background: url(../img/nz7.png) no-repeat;
		background-size: 100% 100%;
		top: -370px;
		left: 336px;
		transform: scale(1.4);
	}
	95%{
		background: url(../img/nz8.png) no-repeat;
		background-size: 100% 100%;
		top: -152px;
		left: 658px;
		transform: scale(0.8);
	}
	100%{
		background: url(../img/nz8.png) no-repeat;
		background-size: 100% 100%;
		top: -152px;
		left: 658px;
		transform: scale(0.8);
	}
}
#sj{
	width: 200px;
	height: 200px;
	bor der: 1px solid red;
	background: url(../img/sj10.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: -281px;
	left: 220px;
	animation: sj 8s linear infinite;
}
@keyframes sj{
	0%{
		background: url(../img/sj10.png) no-repeat;
		background-size: 100% 100%;
		top: -281px;
		left: 220px;
		transform: rotate(900deg) ;
	}
	20%{
		background: url(../img/sj10.png) no-repeat;
		background-size: 100% 100%;
		top: -381px;
		left: 420px;
	    transform: rotate(1800deg) ;
	}
	40%{
		background: url(../img/sj10.png) no-repeat;
		background-size: 100% 100%;
		top: -281px;
		left: 620px;
	    transform: rotate(2700deg) ;
	}
	60%{
		background: url(../img/sj10.png) no-repeat;
		background-size: 100% 100%;
		top: -381px;
		left: 820px;
	    transform: rotate(3600deg) ;
	}
	80%{
		background: url(../img/sj10.png) no-repeat;
		background-size: 100% 100%;
		top: -281px;
		left: 1020px;
	    transform: rotate(4500deg) ;
	}
	100%{
		background: url(../img/sj10.png) no-repeat;
		background-size: 100% 100%;
		top: -381px;
		left: 1620px;
	    transform: rotate(5400deg) ;
	}
}
#mm{
	width: 200px;
	height: 200px;
	bor der: 1px solid red;
	background: url(../img/mm9.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: -674px;
	left: 43px;
	animation: mm 5s linear infinite;
}
@keyframes mm{
	0%{
		background: url(../img/mm9.png) no-repeat;
		background-size: 100% 100%;
		transform: scale(1.2) ;
	}
	20%{
		background: url(../img/mm9.png) no-repeat;
		background-size: 100% 100%;
	    transform: scale(1.4) ;
	}
	40%{
		background: url(../img/mm9.png) no-repeat;
		background-size: 100% 100%;
	    transform: scale(1.6) ;
	}
	60%{
		background: url(../img/mm9.png) no-repeat;
		background-size: 100% 100%;
	    transform: scale(1.8) ;
	}
	80%{
		background: url(../img/mm9.png) no-repeat;
		background-size: 100% 100%;
	    transform: scale(1.8) ;
	}
	100%{
		background: url(../img/mm9.png) no-repeat;
		background-size: 100% 100%;
	    transform: scale(1.8) ;
	}
}
#yun{
	width: 200px;
	height: 100px;
	bor der: 1px solid red;
	background: url(../img/y.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: -1304px;
	left: 206px;
	animation: yun 3s linear infinite;
}
@keyframes yun{
	0%{
	   background: url(../img/y.png) no-repeat;
	   background-size: 100% 100%;
	   top: -1304px;
	   left: 206px;
	   transform: scale(0.6) ;
	   
	}
	20%{
		background: url(../img/y.png) no-repeat;
		background-size: 100% 100%;
		top: -1304px;
		left: 206px;
		transform: scale(0.8) ;
	}
	40%{
		background: url(../img/y.png) no-repeat;
		background-size: 100% 100%;
		top: -1304px;
		left: 206px;
		transform: scale(1) ;
	}
	60%{
		background: url(../img/y.png) no-repeat;
		background-size: 100% 100%;
		top: -1304px;
		left: 206px;
		transform: scale(1.2) ;
	}
	80%{
		background: url(../img/y.png) no-repeat;
		background-size: 100% 100%;
		top: -1304px;
		left: 206px;
		transform: scale(1.4) ;
	}
	100%{
		background: url(../img/y.png) no-repeat;
		background-size: 100% 100%;
		top: -1304px;
		left: 206px;
		transform: scale(1.6) ;
	}
}
#bao{
	width: 100px;
	height: 100px;
	bor der: 1px solid red;
	background: url(../img/11.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: -1463px;
	left: 245px;
	animation: bao 3s linear infinite;
}
@keyframes bao{
	0%{
		background: url(../img/13.png) no-repeat;
		background-size: 100% 100%;
		transform: scale(0.6) ;
	}
	20%{
		background: url(../img/13.png) no-repeat;
		background-size: 100% 100%;
	    transform: scale(0.8) ;
	}
	40%{
		background: url(../img/13.png) no-repeat;
		background-size: 100% 100%;
	    transform: scale(1) ;
	}
	60%{
		background: url(../img/13.png) no-repeat;
		background-size: 100% 100%;
	    transform: scale(1.2) ;
	}
	80%{
		background: url(../img/13.png) no-repeat;
		background-size: 100% 100%;
	    transform: scale(1.4) ;
	}
	100%{
		background: url(../img/13.png) no-repeat;
		background-size: 100% 100%;
	    transform: scale(1.6) ;
	}
}
#jjs{
	width: 200px;
	height: 200px;
	bo rder: 1px solid red;
	background: url(../img/jjs.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: -898px;
	left: 34px;
	animation: jjs 12s linear infinite;
}
@keyframes jjs{
	0%{
		background: url(../img/jjs.png) no-repeat;
		background-size: 100% 100%;
		top: -898px;
		left: 34px;
		transform: rotate(0deg) ;
	}
	5%{
		background: url(../img/jjs.png) no-repeat;
		background-size: 100% 100%;
		top: -898px;
		left: 150px;
		transform: rotate(-10deg) ;
	}
	10%{
		background: url(../img/jjs.png) no-repeat;
		background-size: 100% 100%;
		top: -898px;
		left: 250px;
		transform: rotate(0deg) ;
	}
	15%{
		background: url(../img/jjs.png) no-repeat;
		background-size: 100% 100%;
		top: -898px;
		left: 350px;
		transform: rotate(-10deg) ;
	}
	20%{
		background: url(../img/jjs.png) no-repeat;
		background-size: 100% 100%;
		top: -898px;
		left: 450px;
	    transform: rotate(0deg) ;
	}
	25%{
		background: url(../img/jjs.png) no-repeat;
		background-size: 100% 100%;
		top: -898px;
		left: 550px;
		transform: rotate(-10deg) ;
	}
	30%{
		background: url(../img/jjs.png) no-repeat;
		background-size: 100% 100%;
		top: -898px;
		left: 650px;
		transform: rotate(0deg) ;
	}
	35%{
		background: url(../img/jjs.png) no-repeat;
		background-size: 100% 100%;
		top: -898px;
		left: 750px;
		transform: rotate(-10deg) ;
	}
	40%{
		background: url(../img/jjs.png) no-repeat;
		background-size: 100% 100%;
		top: -898px;
		left: 850px;
	    transform: rotate(0deg) ;
	}
	45%{
		background: url(../img/jjs.png) no-repeat;
		background-size: 100% 100%;
		top: -898px;
		left: 950px;
		transform: rotate(-10deg) ;
	}
	50%{
		background: url(../img/jjs.png) no-repeat;
		background-size: 100% 100%;
		top: -898px;
		left: 1050px;
		transform: rotate(0deg) ;
	}
	55%{
		background: url(../img/jjs.png) no-repeat;
		background-size: 100% 100%;
		top: -898px;
		left: 1150px;
		transform: rotate(-10deg) ;
	}
	60%{
		background: url(../img/jjs.png) no-repeat;
		background-size: 100% 100%;
		top: -898px;
		left: 1250px;
	    transform: rotate(0deg) ;
	}
	65%{
		background: url(../img/jjs.png) no-repeat;
		background-size: 100% 100%;
		top: -898px;
		left: 1350px;
		transform: rotate(-10deg) ;
	}
	70%{
		background: url(../img/jjs.png) no-repeat;
		background-size: 100% 100%;
		top: -898px;
		left: 1450px;
		transform: rotate(0deg) ;
	}
	75%{
		background: url(../img/jjs.png) no-repeat;
		background-size: 100% 100%;
		top: -898px;
		left: 1550px;
		transform: rotate(-10deg) ;
	}
	80%{
		background: url(../img/jjs.png) no-repeat;
		background-size: 100% 100%;
		top: -898px;
		left: 1650px;
	    transform: rotate(0deg) ;
	}
	85%{
		background: url(../img/jjs.png) no-repeat;
		background-size: 100% 100%;
		top: -898px;
		left: 1750px;
		transform: rotate(-10deg) ;
	}
	90%{
		background: url(../img/jjs.png) no-repeat;
		background-size: 100% 100%;
		top: -898px;
		left: 1850px;
		transform: rotate(0deg) ;
	}
	100%{
		background: url(../img/jjs.png) no-repeat;
		background-size: 100% 100%;
		top: -898px;
		left: 1950px;
	    transform: rotate(10deg) ;
	}
}
#zt{
	width: 200px;
	height: 200px;
	bo rder: 1px solid red;
	background: url(../img/48b3a1ebd7f9ae5593c05524aba3797.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: 10px;
	left: 778px;
	animation: zt 5s linear infinite;
}
@keyframes zt{
	0%{
		background: url(../img/48b3a1ebd7f9ae5593c05524aba3797.png) no-repeat;
		background-size: 100% 100%;
		transform: scale(1) ;
	}
	30%{
		background: url(../img/48b3a1ebd7f9ae5593c05524aba3797.png) no-repeat;
		background-size: 100% 100%;
		transform: scale(1.1) ;
	}
	60%{
		background: url(../img/48b3a1ebd7f9ae5593c05524aba3797.png) no-repeat;
		background-size: 100% 100%;
		transform: scale(1.5) ;
	}
	70%{
		background: url(../img/48b3a1ebd7f9ae5593c05524aba3797.png) no-repeat;
		background-size: 100% 100%;
		transform: scale(1.5) ;
	}
	80%{
		background: url(../img/48b3a1ebd7f9ae5593c05524aba3797.png) no-repeat;
		background-size: 100% 100%;
		transform: scale(1.5) ;
	}
	100%{
		background: url(../img/48b3a1ebd7f9ae5593c05524aba3797.png) no-repeat;
		background-size: 100% 100%;
		transform: scale(1.5) ;
	}
}
#ty{
	width: 100px;
	height: 100px;
	bor der: 1px solid red;
	background: url(../img/11.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: -1778px;
	left: 1514px;
	animation: ty 3s linear infinite;
}
@keyframes ty{
	0%{
		background: url(../img/11.png) no-repeat;
		background-size: 100% 100%;
		transform: scale(0.6) ;
	}
	20%{
		background: url(../img/11.png) no-repeat;
		background-size: 100% 100%;
	    transform: scale(0.8) ;
	}
	40%{
		background: url(../img/11.png) no-repeat;
		background-size: 100% 100%;
	    transform: scale(1) ;
	}
	60%{
		background: url(../img/11.png) no-repeat;
		background-size: 100% 100%;
	    transform: scale(1.2) ;
	}
	80%{
		background: url(../img/11.png) no-repeat;
		background-size: 100% 100%;
	    transform: scale(1.4) ;
	}
	100%{
		background: url(../img/11.png) no-repeat;
		background-size: 100% 100%;
	    transform: scale(1.6) ;
	}
}